:host {
  .side-nav-container {
    padding: 30px 10px;
    min-width: 220px;
  }

  .user-card {
    .mat-card-title {
      text-align: center;

      .avatar {
        width: 60px;
        height: 60px;
        border-radius: 30px;
      }
    }

    .user-info {
      display: flex;
      justify-content: space-around;

      .info {
        text-align: center;
      }
    }
  }

  .menus-card {
    margin-top: 15px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;

    mat-card-title {
      text-align: center;
      padding: 5px 0;
    }

    .menu-item {
      transition: margin-left 0.1s ease-in;

      &:hover {
        cursor: pointer;
        margin-left: 10px;
      }
    }
  }
}
